<%@ page contentType="text/html;charset=UTF-8" language="java" pageEncoding="UTF-8" %>
<% response.setHeader("Content-Type", "text/html; charset=UTF-8"); %>
<% request.setCharacterEncoding("UTF-8"); %>
<% response.setCharacterEncoding("UTF-8"); %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!--java代码获取系统上下文路径-->
<%String path = request.getContextPath();%>
<%--JSTL获取系统上下文路径：--%>
<c:set var="ctu" value="${pageContext.request.contextPath}"/>
<!DOCTYPE html>
<html lang="zh-CN">
<!-- 模版 -->
<head>
	<meta charset="UTF-8">
	<meta content="width=device-width, initial-scale=1.0" name="viewport">
	<title>我的世界MOD百科-模版</title>
	<link href="../css/universal.css" rel="stylesheet">
	<script src="../js/jquery-3.7.1.js"></script>
	<script src="https://cdn.tailwindcss.com"></script>
	<link href="https://cdn.jsdelivr.net/npm/font-awesome@4.7.0/css/font-awesome.min.css" rel="stylesheet">
</head>

<body>

<!-- 导航栏 -->
<nav id="navigationBar">
	<div class="nav-container">
		<%-- 引入头部 --%>
		<jsp:include page="${ctu}/pubicPage/topPage.jsp"/>
	</div>
</nav>

<!-- 搜索和筛选 -->
<section class="search">
	<div class="search-container">
		<h2>查找<span class="text-accent">东西？</span></h2>
		<div class="search-form">
			<div class="search-input">
				<input placeholder="搜索你想要的..." type="text">
			</div>
			<div class="search-filters">
				<button>
					<i class="fa fa-filter mr-2"></i> 筛选
				</button>
			</div>
		</div>
	</div>
</section>

<%-- 透明 --%>
<section class="glassContent">
	<div class="content-container">
		啊<br>
		啊<br>
		啊<br>
		啊<br>
		啊<br>
		啊<br>
		啊<br>
		啊<br>
		啊<br>
		啊<br>
		啊<br>
		啊<br>
		啊<br>
		啊<br>
		啊<br>
		啊<br>
		啊<br>
		啊<br>
		啊
	</div>
</section>

<%-- 不透明 --%>
<section class="content">
	<div class="content-container">
		啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊
	</div>
</section>

<%-- 透明 --%>
<section class="glassContent">
	<div class="content-container">
		啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊
	</div>
</section>

<!-- 关于我们 -->
<section class="about" id="about">
	<%-- 引入底部 --%>
	<jsp:include page="${ctu}/pubicPage/bottomPage.jsp"/>
</section>

<script>
    $(document).ready(function () {
        $('#menu-toggle').click(function () {
            $('#mobile-menu').slideToggle();
        });
    });
</script>
</body>

</html>
